---
import { getCollection } from "astro:content";
import MainLayout from "~/layouts/MainLayout.astro";
import ProjectSection from "~/components/section/ProjectSection.svelte";
import BackButton from "~/components/BackButton.astro";

const personalProjects = await getCollection("projects", ({ data }) => data.type === "personal");
const sortedPersonalProjects = personalProjects.sort((a, b) => (a.data.date > b.data.date ? -1 : 1));

const openSourceProjects = await getCollection("projects", ({ data }) => data.type === "open-source");
const sortedOpenSourceProjects = openSourceProjects.sort((a, b) => (a.data.date > b.data.date ? -1 : 1));

const assignmentProjects = await getCollection("projects", ({ data }) => data.type === "assignment");
const sortedAssignmentProjects = assignmentProjects.sort((a, b) => (a.data.date > b.data.date ? -1 : 1));
---

<MainLayout seo={{ title: "Projects" }}>
	<section class="mx-auto max-w-[920px] px-4 py-10">
		<BackButton />
		<ProjectSection
			title="个人项目"
			description="这些是我过去做的一些个人项目。其中一些仍在使用，有些则没有。大多数是为了好玩和学习新东西而制作的。"
			projects={sortedPersonalProjects}
		/>
		<ProjectSection
			title="开源项目"
			description="这些是我积极参与维护的一些开源项目。大部分来自 Teknologi Umum，一个我参与的社区。"
			projects={sortedOpenSourceProjects}
		/>
		<ProjectSection
			title="作业项目"
			description="这些是我作为作业完成的一些项目，无论是在高中还是大学期间。我想我会把它们放在这里，以防有人觉得它们有用。"
			projects={sortedAssignmentProjects}
		/>
	</section>
</MainLayout>
